<template>
     <div
      id="footer"
      style="
      text-align: center;
      margin-top: 20px;
      position: absolute;
      bottom: 0;
      width: 100%;
      background-color: #f0f2f5; /* 背景色 */
      padding: 10px 0;
      box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.08);" >
         <div style="display: flex; justify-content: center; align-items: center">
           <a
            href="https://beian.miit.gov.cn/"
            target="_blank"
            style="color: #666; margin-right: 20px;font-size:large">闽ICP备2025099953号-2</a>
          <p style="display: flex; align-items: center; margin: 0;font-size:large">
          <img src="https://beian.mps.gov.cn/img/logo01.dd7ff50e.png" width="20" style="margin-right: 5px"/>
           <a
             href="https://beian.mps.gov.cn/#/query/webSearch?code=61011302001964"
             rel="noreferrer"
             target="_blank"
             style="color: #666">闽公网安备35063102000110号</a >
          </p >
         </div>
     </div>
</template>

<script>
export default {
  name: 'ButtonBar',
  props: {
    // 定义属性
  },
  data() {
    return {
      // 定义数据
    }
  },
  computed: {
    // 定义计算属性
  },
  methods: {
    // 定义方法
  }
}
</script>